<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="style/css3.css">
	</head>
	<body>
		<div class="header-nav">
		        <div class="nav-name">
				     Mrs.MuLinSon...<span><木林森小姐></span>
				</div>
				<div class="pho">
				     <img src="img/1.jpg" class="nav-pho">
				</div>
		</div>
	<div class="box">
        
	</div>
<div class="box2">
	<div class="box2-container">
		<div id="div1">
			<img src="img/11.jpeg">
			<a href="##">
			想吃吧ε(罒ω罒)з
			<br><br>
			O(∩_∩)O哈哈哈~ 就不给你。。。
			<br><br>
			来咬我啊。。。
			</a>
		</div>
		<div id="div2">
			<img src="img/12.jpg">
			<a href="##">
			我很好喝哦！
			<br><br>
			你是土豪吗
			<br><br>
			是的话，就带走我吧。。。
			</a>
		</div>
		<div id="div3">
		    <img src="img/24.jpg">
			<a href="##">
			我不是兔子，真的不是兔子(✿◡‿◡)
			<br><br>
			好吧
			<br><br>
			我是兔子！
			</a>
		</div>
		<div id="div4">
		    <img src="img/26.jpg">
			<a href="##">
			一直在思考一个问题
			<br><br>
			为神马我就是长不高？
			<br><br>
			长不高~~~~(>_<)~~~~ 
			</a>
		</div>		
		<div id="div5">
			<img src="img/52.jpg">
			<a href="##">
			呜呜呜~~~~(>_<)~~~~ 
			<br><br>
			周末你怎么走得那么早
			<br><br>
			都没来得及送你。。。
			</a>
		</div>
		<div id="div6">
		    <img src="img/14.jpg">
			<a href="##">
			呜呜呜~~~~(>_<)~~~~ 
			<br><br>
			周末你怎么走得那么早
			<br><br>
			都没来得及送你。。。
			</a>
		</div>		

		<div id="div7">
			<img src="img/51.jpg">
			<a href="##">
			一直瞅着我妹妹干啥？
			<br><br>
			小心我削你！！！
			<br><br>
			她长大了，可是我老婆。。。
			</a>
		</div>
		<div id="div8">
			<img src="img/18.jpg">
			<a href="##">
			你好吗？
			<br><br>
			我很好！
			<br><br>
			你好吗？
			</a>
		</div>
	</div>
</div>
		    <div class="box5">
			<ul class="box5-ul">
				<li style="height: 35px;">
					<img src="img/2.png" style="height:100%">
				</li> 
				<li style="margin-left:5px">WeChatId:laola2013</li>
				<li style="float:right;height: 35px;">
					<img src="img/3.png" style="height:100%">
				</li>
				<li style="float:right;margin-right:5px">QQ:850875418</li>
			</ul>
		</div>	
	</body>
	<script type="text/javascript">
		function message (index){
			 var div = document.getElementById('div' + index);
			div.onmouseover = messageShow;
			div.onmouseout = messageHide;
			function messageShow(){
			 	div.getElementsByTagName('a')[0].style.top = 0;
			}
			function messageHide(){
				div.getElementsByTagName('a')[0].style.top = 165 + 'px';
			}	
		}
		message(1);
		message(2);
		message(3);
		message(4);
		message(5);
		message(6);
		message(7);
		message(8);
 </script>
	</html>